/*外层box*/

.bob {
	width: 100%;
	height: 100%;
}


/*头部logo*/

.bob header {
	width: 100%;
	height: .57rem;
	background-color: #003580;
	border-top: 0.1px solid white;
	border-bottom: 0.1px solid white;
	position: relative;
}

.bob header ul {
	width: .4rem;
	height: .30rem;
	background-color: white;
	margin: .13rem .1rem;
	padding: .08rem .1rem;
	position: absolute;
}

.bob header ul li {
	width: .2rem;
	height: .028rem;
	background-color: #003580;
	margin: 0 0 .027rem 0;
}

.bob header img {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 1.7rem;
	height: 0.5rem;
}
/*form表单*/
.bob main .top {
	width: 100%;
	height: 4.31rem;
	background-color: #147850;
	padding: .1rem;
}


/*全球酒店任你搜*/

.bob main .free {
	margin: .1rem 0 0 0;
	font-size: .28rem;
	color: white;
}


/*酒店例子*/

.bob main .sth {
	font-size: .16rem;
	margin-bottom: .1rem;
	color: white;
}


/*位置搜索框*/

.bob main .local {
	width: 100%;
	height: .43rem;
	margin: 0 0 .1rem 0;
	padding: .1rem 0;
	background-color: white;
	display: flex;
}

.bob main .local i {
	width: .35rem;
	height: .24rem;
}

.bob main .local span {
	width: .38rem;
	font-size: .16rem;
	color: gray;
	text-align: center;
	line-height: .23rem;
}

.bob main .local input {
	border: none;
	width: 100%;
	font-size: .16rem;
	color: #444;
	font-weight: normal;
}


/*位置搜索框字体加粗*/

.bob main .local * {
	font-weight: bold;
}


/*input边框*/

.mainborder {
	border: .01rem solid #e2aa11;
}


/*时间下拉选框*/

.bob main .date {
	width: 100%;
	height: .54rem;
	margin: 0 0 .1rem 0;
}

.bob main .date input {
	width: 49%;
	height: 100%;
	padding: .2rem 0 0 .05rem;
	font-weight: bold;
	font-size: .16rem;
}

.bob main .date input:first-of-type {
	margin: 0 2% 0 0;
}


/*人数及类型*/

.bob main .person {
	width: 100%;
}

.bob main .person .mainborder {
	float: right;
	width: 49%;
	background-color: white;
	height: .54rem;
}

.bob main .person .mainborder:first-of-type {
	float: left;
}

.bob main .person p {
	height: .2rem;
	font-size: .14rem;
	padding: 0 0 0 .05rem;
	line-height: .25rem;
	color: #444;
}

.bob main .person select {
	/*height: .34rem;*/
	width: 100%;
	font-weight: bold;
	border: none;
	font-size: .16rem;
}
.bob main .person select option{
	width: 1rem;
}
.clear {
	clear: both;
}


/*出行类型*/

.gostyle {
	width: 100%;
	height: .7rem;
	margin: .1rem 0 0 0;
	background-color: #f4f4f4;
}

.gopele {
	height: .25rem;
	line-height: .25rem;
	font-size: .12rem;
	color: #444;
}

.goinput p {
	background-color: white;
	width: 49.75%;
	/*height: .35rem;*/
	font-size: .15rem;
	padding: .07rem 0 .07rem .1rem;
	float: left;
	font-weight: bold;
}

.goinput p:last-of-type {
	float: right;
}

.goinput p:last-of-type:after {
	clear: both;
}

.goinput input {
	width: .18rem;
	height: .18rem;
	vertical-align: middle;
	margin: 0 .05rem 0 0;
}


/*搜索和差价*/

.search {
	width: 100%;
	margin: .2rem 0 0 0;
	background-color: #3f9f5f !important;
}

.search input {
	display: block;
	width: 85%;
	height: .5rem;
	padding: .1rem;
	background-color: #3f9f5f;
	border: none;
	color: white;
	font-size: .22rem;
	font-weight: bold;
	border-radius: .08rem;
	margin: 0 auto .1rem;
}

.cheap {
	width: 100%;
	font-size: .13rem;
	color: #537bb4;
	text-align: center;
	margin: 0 0 0.1rem 0;
}


/*main 白色区域*/

.middle .mainmiddle {
	width: 100%;
	height: .66rem;
	border-bottom: 1px solid rgba(4, 4, 4, .2);
}

.middle .mainmiddle .mmleft {
	width: .6rem;
	height: 100%;
	float: left;
}

/*.middle .mainmiddle .mmright {
	padding: .1rem .1rem .12rem 0.6rem;
}*/

.middle .mainmiddle .mmright:after {
	clear: both;
}

.pay {
	font-size: .16rem;
	font-weight: bold;
}

.cancle {
	margin: .05rem 0 0 0;
	font-size: .14rem;
}


/*更多目的地*/

.bottom {
	height: .48rem;
	padding: .15rem .2rem .15rem .1rem;
}

.bottom a {
	font-size: .16rem;
	color: #0898ff;
	font-weight: bold;
}

.bottom span {
	font-weight: bold;
	font-size: .25rem;
	float: right;
	line-height: .18rem;
}


/*footer*/

.bob footer {
	background-color: #003580;
	text-align: center;
	padding: .2rem;
}

.bob footer div {
	height: .46rem;
	padding-bottom: .2rem;
}

.bob footer div:last-of-type {
	height: .16rem;
	padding: 0;
}

.bob footer div:nth-of-type(2) {
	height: .36rem;
}

.bob footer div:first-of-type {
	line-height: .26rem;
}

.bob footer a {
	font-weight: bold;
	text-decoration: underline;
}

.bob footer * {
	font-size: .12rem;
	color: white;
}


/*.laydate_box{animation:change 1s linear;}*/

.bob main {
	font-size: 0;
}

@keyframes change {
	0% {
		width: 0;
		display: none;
		overflow: hidden;
	}
	100% {
		width: 2.4rem;
		display: block;
		overflow: hidden;
	}
}